<script setup lang="ts">
import TileItem from '@/components/tiles/item/TileItem.vue'

const props = defineProps({
    // 麻将牌编码
    tiles: { type: Array, required: true }
}) 

let baseTransformStyle = "rotateX(0deg)";
</script>

<template>
  <div class="self-hua-group">
    <template v-for="(value, index) in props.tiles" :key="index">
      <TileItem :code="(value as string)" :scale="0.8" :transformStyle="baseTransformStyle" :style="{'margin-left': '1px'}"></TileItem>
    </template>
  </div>
</template>

<style scoped lang="scss">
.self-hua-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  div:not(:first-child) {
    margin-left:1px;
  }
}
</style>
